<script setup lang="ts">

import {Location, Setting} from "@element-plus/icons-vue";
import {ref} from "vue";
const isCollapse = ref(true)
</script>

<template>
  <el-menu router background-color="#545c64" text-color="#fff"
           :collapse="isCollapse"

  >
    <el-menu-item index="/scenicspot" route="/scenicspot">
      <el-icon><location /></el-icon>
      <template #title >景区分类</template>
    </el-menu-item>

    <el-menu-item index="/regional" route="/regional">
      <el-icon><setting /></el-icon>
      <template #title> 地区管理</template>
    </el-menu-item>

    <el-menu-item index="/order" route="/order">
      <el-icon><setting /></el-icon>
      <template #title> 订单管理</template>
    </el-menu-item>

    <el-menu-item index="/comment" route="/comment">
      <el-icon><setting /></el-icon>
      <template #title> 评论管理</template>
    </el-menu-item>

    <el-menu-item index="/user" route="/user">
      <el-icon><setting /></el-icon>
      <template #title> 用户管理</template>
    </el-menu-item>

    <el-sub-menu  index="shop">
      <template #title>
        <el-icon><location /></el-icon>
        <span>店铺管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="/shop" route="/shop">
          <el-icon><setting /></el-icon>
          <template #title><span>门店管理</span></template>
        </el-menu-item>
        <el-menu-item index="/shoplog" route="/shoplog">
          <el-icon><setting /></el-icon>
          <template #title><span>门店操作日志</span></template>
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>

    <el-sub-menu index="run">
      <template #title>
        <el-icon><location /></el-icon>
        <span>运营管理</span>
      </template>
      <el-menu-item-group >
        <el-menu-item index="/advertise" route="/advertise">
          <el-icon><setting /></el-icon>
          <template #title><span>广告管理</span></template>
        </el-menu-item>
        <el-menu-item index="/notice" route="/notice">
          <el-icon><setting /></el-icon>
          <template #title><span>通知管理</span></template>
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>

    <el-sub-menu index="log">
      <template #title>
        <el-icon><location /></el-icon>
        <span>日志管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="/loginlog" route="/loginlog">
          <el-icon><setting /></el-icon>
          <template #title><span>登录日志</span></template>
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>

    <el-menu-item index="/analysis" route="/analysis">
      <el-icon><setting /></el-icon>
      <template #title><span>统计分析</span></template>
    </el-menu-item>
  </el-menu>

</template>

<style scoped>

</style>